<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
</head>
<body>
<div class="container">
    <div class="col-sm-offset-3 col-sm-5 col-sm-offset-4">
        <ul id="myTabs" class="nav nav-tabs">
            <li class="active"><a href="#user" data-toggle="tab">用户管理</a></li>
            <li><a href="#role" data-toggle="tab">角色管理</a></li>
            <li><a href="#persion" data-toggle="tab">权限管理</a></li>
        </ul>


        <ul class="nav nav-pills">
            <li class="active"><a href="user" data-toggle="tab">用户管理</a></li>
            <li><a href="role" data-toggle="tab">角色管理</a></li>
            <li><a href="permission" data-toggle="tab">权限管理</a></li>
        </ul>
    </div>
</div>
</body>
</html>